<template>
	<view class="hui">
		<view class="b_flex_c_s_w box">
			<view class="j_box" v-for="(item,index) in list" :key="index" @click="$project.toPath(item.url)">
				<image :src="item.img" mode="widthFix" class="img"></image>
				<view class="title">{{item.title}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				list:[
					{url:'/pages/tool/bed',img:require('@/static/img/my/order.png'),title:'陪护床订单'},
					{url:'/pages/tool/quilt',img:require('@/static/img/my/zdsh.png'),title:'租凭订单'},
				]
			}
		}
	}
</script>

<style scoped lang="scss">
	.box{
		box-sizing: border-box;
		padding: 30rpx;
	}
	.j_box{
		background: linear-gradient(to top, rgb(17, 181, 222), rgb(55, 76, 138));
		width: 48%;
		border-radius: 15rpx;
		color: #fff;
		text-align: center;
		box-sizing: border-box;
		padding: 100rpx 20rpx;
		margin-bottom: 25rpx;
	}
	.img{
		margin-bottom: 20rpx;
		width: 100rpx;
	}
	
</style>